.herder{height:175px;background-image: url("../images/head.jpg");background-repeat: no-repeat;background-position: center; background-color: white; }
.logo{margin-top: 46.5px;}
.sea_box{width: 318px;height: 40px;line-height: 40px;margin-top: 78px;position: relative;}
.sea_box input{width: 318px;height: 40px;line-height: 40px;border:1px solid #b72519;border-radius: 9px;text-indent: 4px;font-size: 14px;;}
.sea_box img{position:absolute;right:0;height: 40px;height: 40px;top:0;}


.nav{height: 90px;background-color: #c70000;}
.nav_li{text-align: center;padding-top: 16px;height: 90px;display: inline-block;float: left;
    border-left: 1px solid white;}

.nav_li:last-child{border-right:  1px solid white;}

.nav_li:hover{background-color: white;;}
.nav_li p{font-size: 20px;margin-top: 5px;line-height: 20px;color: white;}
.nav_li .nav_p_active{color: #c70000;}
.nav_li .title a{    font-weight: bold;}

.nav_content{width: 1000px;position: absolute;width: 1400px;position: absolute;left: 50%;margin-left: -700px;background-color: white;top: 90px;
z-index: 99;border: 1px solid #d1d1d1;padding: 30px;}

.nav_content .list{margin-bottom: 20px;}
.nav_content .list h3{height: 26px;line-height: 26px;border-left: 3px solid #c70000;    text-align: left;margin-bottom: 15px;font-size: 18px;color: #c70000;padding-left: 6px;}
.zize .list{width: 300px;overflow: hidden;}
.zize .left .list .rens a{ width: 3em;display: inline-block;float: left;text-align:justify;text-align-last: justify;margin: 5px 20px;}
.zize .right .list{width: 800px;overflow: hidden;}
.zize .right .list .rens span{ display: inline-block;float: left;margin-right:5px;margin-bottom:10px;
    width: 195px;
    text-align: left;}
.zize .right .list .rens a{ display: inline-block;float: left;margin-right:20px;margin-bottom:10px;}

.jgdt_left{width: 1000px;}
.jgdt_li{width: 160px;height: 120px;border: 1px solid #d1d1d1;position: relative;margin: 0 20px 40px;float: left;}
.jgdt_li p{ width: 100%;text-align: center;height: 40px;background-color: #ececec;color: #c70000;line-height: 40px;font-size: 16px;bottom: 0;position: absolute;font-weight: bold;}
.jgdt_right{width: 300px;height: 200px;margin-right: 10px;}
.jgdt_right_li{width: 300px;height: 80px;background-color: #ececec;margin-bottom: 20px;border: 1px solid #c70000;}
.jgdt_right_li img{float: left;     margin: 10px 20px;border-right: 1px solid #b0b0b0;padding-right: 20px;}
.jgdt_right_li p{font-size: 18px;line-height: 26px; padding: 14px 0 14px 130px;margin-top: 0;text-align: left;color: #c70000;
    font-weight: bold;}
.jgdt_right .jgdt_right_li:first-child p{line-height: 52px;}

.title a,.title p{font-size:18px;}

.zwgk_left{width: 700px;}
.zwgk_left .title{height: 40px;line-height: 40px;border-bottom: 1px solid #ececec;text-align: left;margin-bottom: 10px;}
.zwgk_left .title a{display: inline-block;width: 2.5em;text-align-last: justify;margin-right: 30px;color:#c70000;}
.zwgk_left .title a.active{height: 40px; border-bottom: 2px solid #c70000;}
.zwgk_left .zwgk_content a{display: block;height: 40px;line-height: 40px;float: left;width: 100%;text-align: left;}

.zwgk_right{width: 600px;}
.zwgk_right .title{height: 40px;line-height: 40px;border-bottom: 1px solid #ececec;text-align: left;margin-bottom: 10px;}
.zwgk_right .title a{display: inline-block;width: 7em;text-align-last: justify;margin-right: 30px;color:#c70000;}
.zwgk_right .title a.active{height: 40px; border-bottom: 2px solid #c70000;}
.zwgk_right .zwgk_content a{display: inline-block;float: left;width: 280px;height: 34px;line-height: 34px;float: left;border: 1px solid #c70000;border-radius: 4px;margin-top: 10px;margin-bottom: 10px;}
.zwgk_right .zwgk_content a:nth-child(2n){float:right;}
.zwgk_right .zwgk_content a img{float: left;margin-left: 20px;margin-top: 2px;}
.zwgk_right .zwgk_content a span{float: left;margin-left: 20px;font-size: 16px;}

.xwsx_left{width: 650px;}
.xwsx .title{height: 40px;line-height: 40px;border-bottom: 1px solid #ececec;text-align: left;margin-bottom: 10px;}
.xwsx .title a{display: inline-block;text-align-last: justify;margin-right: 30px;color:#c70000;width: 4em;}
.xwsx .title a.active{height: 40px; border-bottom: 2px solid #c70000;}
.xwsx .xwsx_content a{display: block;line-height: 30px;margin:5px 0; float: left;width: 100%;text-align: left;position:relative;padding-left:10px;}


.zwgk_left .zwgk_content a,.xwsx .xwsx_content a{position:relative;padding-left:10px;}
.zwgk_left .zwgk_content a span,.xwsx .xwsx_content a span{width: 5px;height: 5px;border-radius: 5px;background-color: #c70000;position: absolute;top: 13px;left: 0px;}
.zwgk_left .zwgk_content a span{top:18px;}

.xwsx_right{width: 650px;}

.bsfw_right{width: 400px;padding: 15px 0;}
.bsfw_right a{margin: 15px 0;display: block;overflow:hidden;}

.xwsx_right_li{background-color: #f5f5f5;border: 1px solid #d1d1d1;text-align: left;margin-top: 30px;}
.xwsx_right_li a{display: block;overflow: hidden;}
.xwsx_right_li img{float: left;margin: 5px 20px;}
.xwsx_right_li p{  
    float: left;
    color: #c70000;
    line-height: 24px;
    padding: 6px 0 6px 20px;
    border-left: 1px solid #d1d1d1;
    height: 60px;}



.foot{width: 100%;background-color: #c70000;height: 260px;}
.foot .foot_nav{margin: 30px 0 20px; color: white;}
.foot  a{color: white;margin: 0 10px;}
.foot .foot_nav a:first-child{margin-left: 0;}

.foot .foot_left{ width: 600px;} 
.foot .foot_left p{line-height: 38px; color: white;}
.foot .foot_right{width: 400px;margin-top: 120px;text-align: right;}


.yq{height: 40px;position: relative;background-color: #ededed;padding: 0px 0;}
.yq h4{height: 40px; line-height: 40px; width: 300px;display: inline-block;float: left;text-align: center;border-left: 1px solid #c9c9c9;font-size: 16px;font-weight: 500;}
.yq h4 span{display:inline-block;}
.yq h4:first-child{width: 280px;border-left: 0;font-size: 18px;}
.yq_box{width: 1400px;background-color: white;position: absolute;z-index: 99;top: 40px;border: 3px solid #ededed;border-top: unset;padding: 10px 40px;overflow-y: scroll;}
.yq_box a{width: 258px;display: inline-block;float: left;text-align: center;font-size: 16px;height: 40px;}
.yq_box .content{}
.yq_mo h4.active,.yq_mo h4:hover{background-color: white;}



.box1{margin-top: 20px;}
.banner{width: 924px;height: 540px;}
.news{width: 456px;height: 540px;border: 1px solid #ededed;padding: 10px;}
.news .title{width: 100%;border-bottom: 2px solid #ededed;height: 50px;}
.news .title a{line-height: 50px;font-size: 20px;display: inline-block;float: left;margin-right: 20px;width: 5em;text-align: center;}
.news .title a.active{color: #c70000;height: 50px;border-bottom: 2px solid #c70000;}
.news .hot{width: 100%;padding: 10px 0;border-bottom: 1px dashed #ededed;height: 100px;}
.news .hot a{
    font-size: 22px;
    color: #c70000;
    line-height: 36px;
    text-align: justify;
    letter-spacing: 0;
    width: 435px;
    display: block;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px;}
.news .ul{width: 100%;padding: 5px 0;}
.news .ul .ul_li{ width: 100%;position: relative;padding-left: 20px;height: 40px;line-height: 40px;}
.news .ul .ul_li span:first-child{width: 5px;height: 5px;border-radius: 5px;background-color: #c70000;;position: absolute;top: 18px;    left: 6px;}
.news .ul .ul_li a{font-size: 16px;
    width: 345px;
    display: inline-block;}
.news .ul .ul_li .time{font-size: 15px;color: #555;float:right    ;}

.title{width: 100%;height: 40px;}
.title p{line-height: 40px;font-size: 18px;display: inline-block;float: left;margin-right: 20px;width: 5em;text-align: center;}
.title p.active{color: #c70000;height: 40px;border-bottom: 2px solid #c70000;}

.news_box .title p.active{background-color: #c70000; color: white;}

.ul_li{ width: 100%;position: relative;padding-left: 20px;height: 40px;line-height: 40px;}
.ul_li span:first-child{width: 5px;height: 5px;border-radius: 5px;background-color: #c70000;;position: absolute;top: 18px;    left: 6px;}
.ul_li a{font-size: 16px;
    display: inline-block;
    float: left;
    text-align: left;}
.xwsx_part_left .ul_li a{width: 600px;}


.ul_li .time{font-size: 15px;color: #555;float:right;}

.box3 .title a{height: 40px;line-height: 40px;}
.box3 .title a.active{background-color: #c70000;color: white;}

.box3 .news_box{width: 453.333px;margin-right: 20px;}
.box3 .news_box:last-child{margin-right: 0;}


.box4 .ztzl{width: 100%;border: 1px solid #d1d1d1;    overflow: hidden;}
.box4 .ztzl_title{color: #c70000;width: 1em;line-height: 25px; margin-top: 26px;margin-left: 15px;font-size: 20px;display: inline-block;float: left;}
.box4 .ztzl .content{width: 1350px; display: inline-block;float: right;}

.box5{margin-bottom:20px;}
.box5 .text_a{text-align: center;}
.box5 .text_a a{display: inline-block;padding: 8px 10px; border: 1px solid #d1d1d1; color: #c70000; margin: 0 10px;}


.nav_title{width: 100%;border-bottom: 1px solid #d1d1d1;    height: 40px;}
.nav_title a{display: inline-block;float: left;height: 40px;line-height: 40px;padding: 0 10px;
border-radius: 6px 6px 0 0;margin-right: 10px;font-size:18px;}
.nav_title a.active{background-color: #c70000;color: white;}
.nav_title a:hover{background-color: #c70000;color: white;}

.list_content .left{width: 100px;background-color: #ececec;border-radius: 0 20px 20px 0;overflow: hidden;padding-bottom: 40px;}
.list_content .left a{display: block;height: 40px;line-height: 40px;padding-left: 20px;;}
.list_content .left h2{height: 50px;line-height: 50px;font-size: 18px;font-weight: 500;background-color: #c70000;color: white;padding-left: 20px;;}

.loca a{color:#888;font-size:14px;}

#page-div{ margin-top:15px; padding:0px; margin:0; text-align: center;}
#page-div a{background:#fff;border:1px solid #dedede;margin:0 2px;padding:0 5px;line-height:23px;display:inline-block;height:23px;}
#page-div input{width:40px;height:23px;line-height:23px;border:1px solid #dedede;}
#page-div .active{border:1px solid #fff;background:#C0C0C0;color:#fff;}
.pagination-first,.pagination-last{display:inline-block;}

.nav_li .ztzl a{
    width: 319px;
    height: 116px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    background-size: 100% 100% !important;
    float: left;
}

.nav_li .ztzl a:nth-child(4n){
    margin-right: 0px;}

/* 本例子css */


.navigation{
    margin-top: 26px;
    margin-bottom: 16px;
}
.navigation p{
    font-size: 18px;
    color: #4D4D4D;
    padding-left: 36px;
    background: url(../images/zhuye.png) no-repeat left center;
    background-size: 24px;
    height: 32px;
    line-height: 32px;
}
.xxk_jd{
    border-bottom: 4px solid #c70000;
    margin-bottom: 52px;
}
.xxk_jd .xxk_jd_center{
    width: 340px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    line-height: 50px;
}
.xxk_jd .xxk_jd_center p{
    width: 160px;
    text-align: center;
    background: #E5E5E5;
    color:#c70000;
    border-radius: 12px 12px 0 0 ;
    cursor: pointer;
        letter-spacing: 4px;
    font-size: 20px;
float:left;
}
.xxk_jd .xxk_jd_center p.active{


    background: #c70000;
    color: #fff
}
.part_left{
        border-right: 1px solid #ccc;
    width: 50%;

    padding-left: 1%;
    padding-right: 4%;
}
.part_right{
    width: 50%;
    padding-left: 4%;
    padding-right: 1%;
}
.part{
    margin-bottom: 32px;
min-height:252px;
}
.part .title{
        border-bottom: 1px solid #ccc;
            margin-bottom: 12px;
}

.part .title p{
    width: auto;
    text-align: center;
    background: #c70000;
    color: #fff;
    border-radius: 12px 12px 0 0 ;
    padding: 0 20px;
}

.part .title a{
        float: right;

    margin-top: 15px;
    color: #999;
    font-size: 14px;
}


.xwsx_part_left{
        
    width: 50%;
}


.part_right_box{
     padding:32px 10%;
     background: #F5F5F5;
    border-bottom: 2px solid #ccc;
}
.part_right_box2{
     padding:32px 10%;
     background: #F5F5F5;

}
.xwsx_title{
    font-size: 18px;
    font-weight: bold;
    color: #c70000;
    padding-bottom: 18px;
}

.part_right .slideBox .prev,.part_right .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/sliderarrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.part_right .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.part_right .slideBox .prev:hover,.part_right .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.part_right .slideBox .prevStop{ display:none;  }
.part_right .slideBox .nextStop{ display:none;  }


.swiper1 .swiper-slide p{height:30px;height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 16px;}

.swiper2 .swiper-slide p{height:30px;height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 16px;}

.hx_title{
    height: 50px;
    position: relative;
}
.hx_title_hx{

    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    position: absolute;
    top: 28px;

}
.hx_title h2{
padding: 0 20px;
    background-color: white;
    display: block;
    position: relative;
    z-index: 9;
    width: 9em;
    text-align: center;
    left: 50%;
    margin-left: -4.5em;
    line-height: 50px;
    font-weight: 500;
}

.swiper2{padding-bottom: 30px;
    margin-top: 10px;}

.swiper-button-next, .swiper-button-prev{    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 30px);}





.focusBox .prev,.focusBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/sliderarrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.focusBox .next{ left:auto; right:3%; background-position:8px 5px; }
.focusBox .prev:hover,.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.focusBox .prevStop{ display:none;  }
.focusBox .nextStop{ display:none;  }

.m-slide.prev,.m-slide.next{ position:absolute; left:3%; top:50%; margin-top:-10px; display:block; width:32px; height:40px; background:url(../images/sliderarrow.png) -162px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.m-slide.next{ left:auto; right:3%; background-position:8px 5px; }
.m-slide.prev:hover,.m-slide.next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m-slide.prevStop{ display:none;  }
.m-slide.nextStop{ display:none;  }





		/* 本例子css */
		.picScroll-left{ overflow:hidden; position:relative;  border-left:1px solid #ccc;   }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:405px; height:130px; display:block;  padding:2px; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left .prev,.picScroll-left .next{ position:absolute; left:5px; top:50%; margin-top:-20px; display:block; width:32px; height:40px; background:url(../images/sliderarrow.png) -162px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; margin-right:0;  }
.picScroll-left .next{ 
        right: 12px;
    background-position: -52px 5px;
    left: unset; }
.picScroll-left .prev:hover,.zhuanti .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }

.picScroll-left .tempWrap{margin-left: 33px;}

.lb_r ul li:nth-child(5n  of .pc) {
    height: 58px;
    padding-bottom: 18px;
    /* box-sizing: border-box; */
    margin-bottom: 18px;
    border-bottom: 1px dashed #ccc;
}
.lb_r ul li:nth-child(20n  of .pc){
    border-bottom:0;
}

.mail_nav a{display: inline-block;    width: 160px; float: left;width: 140px;text-align: center;font-size: 16px;position: relative;height: 40px;line-height: 40px;
    padding-left: 20px;}
.mail_nav a img{display: inline-block;    height: 26px;
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -50px;}
.mail_nav a.active{background-color: #c70000;color: white;}

.w1400 .lb_r .conts{padding:20px;}


.jz_list{    overflow: hidden;margin-bottom:20px;    padding-top: 20px;}

.jz_list .click img{ 
   border-radius: 0px;
    border: 1px solid #c70000;}

  
.jz_list .jz_list_title{
  height: 80px;
  line-height: 80px;
  font-size: 24px;
  color: #c70000;
  width: 100%;
  text-align: center;
}
.jz_list .click{
    display: inline-block;
    float: left;
    width: 233px;
    text-align: center;
    height: 180px;
}
.jz_list .click img{
  width: 100px;
    height: 100px;
}
.jz_list .click p{
  line-height: 20px;
    padding: 10px 0;

    margin: 0 auto;
}

.jz_list ul li{
display: inline-block;
    overflow: hidden;
    float: left;
}
  
.mask {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    width: 100%;
    height: 100%;
    display: none;
    cursor:default;
    z-index: 9999;
}

.mask .mask_with {
    width: 320px;
    height: 380px;
    background-color: white;
    margin: 0 auto;
    margin-top: 100px;
}

.mask img {
    width: 180px !important;
    height:180px !important;
    margin: 0 auto;
    display: block;
}

.close img {
    width: 60px !important;
    height: 60px !important;
    cursor:pointer;
    margin-top: 20px;
}

.mask p {
    width: 100% !important;
    font-size: 20px !important;
    line-height: 50px;
    text-align: center;
}

.mask .mask_title {
    color: #c70000;
    margin-bottom: 15px;
    border-bottom: 2px solid rgb(239, 239, 239);
    font-size: 24px !important;
    text-align: center;
    line-height: 30px;
    padding: 20px 10px;
}

.branch ul li {
    cursor: pointer;
}
.border_line {border-bottom:1px #777777 dashed; margin-bottom:20px;}

.headxysimg{
    display:none;
}
.leftq1 a{    width: 3em;
    display: inline-block;
    text-align-last: justify;
}
.tzgg_index .ul .ul_li{
    height: 42px;
    line-height: 42px;}

.zize .right .list .rens span:nth-child(2){padding-left: 40px;}
.zize .right .list .rens span:nth-child(6){padding-left: 40px;}
.zize .right .list .rens span:nth-child(10){padding-left: 40px;}
.zize .right .list .rens span:nth-child(13){padding-left: 40px;}
.zize .right .list .rens span:nth-child(18){padding-left: 40px;}